$(function () {

    // 下拉列表的渲染
    $.ajax({
        url: bignews.category_list,
        // data: { page: 1, perpage: 20 },
        headers: { 'Authorization': localStorage.getItem('bignews_69_token') },
        dataType: 'json',
        success: function (res) {
            // console.log(res);
            $('#selCategory').html(template('cateTemp', res))
        }
    })

    // 文章列表请求

    // 定义默认当前页为1
    let currentPage = 1
    perpage = 6
    // let delpage = 0
    // let totalPage1
    function init(type, state) {
        $.ajax({
            url: bignews.article_query,
            // 参数需要改为定义的参数
            data: { page: currentPage, perpage, type, state },
            headers: { 'Authorization': localStorage.getItem('bignews_69_token') },
            dataType: 'json',
            // data: { type, state },
            success: function (res) {
                // console.log(res);



                // delpage = res.data.data.length
                // totalPage1 = res.data.totalPage
                // console.log(delpage);



                $('tbody').html(template('articleListTemp', res))

                // 调用分页函数
                // if (delpage == 0) {
                //     setPage(totalPage1 - 1)
                // }
                setPage(res.data.totalPage)
            }
        })
    }
    init()



    // 实现分页功能

    function setPage(pageSum) {
        // 获取的属性名是ul的属性名
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: currentPage,
            // 总页数
            // 点击筛选，如果没有内容，就默认第一页
            totalPages: pageSum || 1,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, page) {

                // 把当前点击的页码（page就是当前的页码）赋值给currentPage, 调用ajax,渲染页面

                currentPage = page


                // 如果直接调用，不加参数的话，筛选之后页码还是不会变，因为没有考虑到分页的参数
                init($('#selCategory').val(), $('#selStatus').val())
            }

        })
    }

    $('#btnSearch').on('click', function () {
        init($('#selCategory').val(), $('#selStatus').val())
    })

    // 文章删除业务
    $('tbody').on('click', '.delete', function () {
        // 获取参数
        let id = $(this).data().id
        // console.log(id);

        // 发起请求
        $.ajax({
            type: 'post',
            url: bignews.article_delete,
            headers: { 'Authorization': localStorage.getItem('bignews_69_token') },
            data: { id },
            dataType: 'json',
            success: function (res) {
                // console.log(res); 
                alert('删除成功')


                // 最简做法
                if ($('tbody').children().length == 1) {
                    if (currentPage > 1) {
                        currentPage--
                    }
                }



                // delpage--
                // console.log(delpage);
                // if (currentPage > 1 && delpage == 0) {
                //     currentPage = currentPage - 1
                //     // setPage(totalPage1 - 1)
                // }
                init($('#selCategory').val(), $('#selStatus').val())
            }

        })
    })


    // 文章分页当前页数量
    $('#showCount').on('change', function () {
        perpage = $('#showCount').val()
        init($('#selCategory').val(), $('#selStatus').val())

    })
})